/*导航栏背景色*/
.navbar{
    background: #8c03e2;
    margin-bottom: 3%;
}
#navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1;
    background: #8c03e2;
}
/*轮播图边框样式设置*/
.carousel-control.right{
    border-radius:25px;
}
.carousel-control.left{
    border-radius:25px;
}

.carousel-container{
    /*margin-bottom: 5%;*/
    position:absolute;
    top:28%;
    left:50%;
    right:15%;
    /*margin-bottom: 5%;*/
    /*margin-top: 5%;*/
    /*margin-left: 12%;*/
    /*!*bottom:20px;*!*/
    /*left:50%;*/
    /*z-index:10;*/
    /*color:#fff;*/
    /*text-align:center;*/
    /*text-shadow:0 1px 2px rgba(0,0,0,.6)*/
}

.img-logo{
    margin-top: -15%;
    width: 85px;
    height: 45px;
    /* margin-left: 200%; */
}
.img-search{
    width: 20px;
    height: 18px;
    /* margin-left: 200%; */
}
/* #iconsearch{
    width: 100px;
} */

/*每个滑动实例*/
.item{
    padding-bottom: 5%;
    padding-left: 12%;
    padding-top: 5%;
}
.img-carousel{
    width: 420px;
    height: 420px;
    border-radius:25px;
}
#carousel{
    /*width: 82%;*/
    /*height: 500px;*/
    display: block;
    border-radius:25px;
    margin: 0;
    padding: 0px;
    background: #8c03e2;
    -moz-box-shadow:7px 7px 13px #333333; -webkit-box-shadow:7px 7px 13px #333333; box-shadow:7px 7px 13px #333333;
}
.myitem{
    /*position: relative;*/
    /*display: none;*/
    -webkit-transition: .2s ease-in-out left;
    -o-transition: .2s ease-in-out left;
    transition: .2s ease-in-out left;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .myitem {
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -o-transition: -o-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;

        /*-webkit-backface-visibility: hidden;*/
        /*backface-visibility: hidden;*/
        /*-webkit-perspective: 1000px;*/
        /*perspective: 1000px;*/
    }
}
.span-font{
    color: white;
    font-family: cursive;
    font-size: 22px;
}
.span-font:hover{
    color: rgb(3, 220, 248);
}
.span1-font{
    /*text-align: center;*/
    /*width: 100%;*/
    color: rgb(3, 220, 248);
    /*color: white;*/
    /*display: block;*/
    /*background:  #8c03e2;*/
}
.h1-goods{
    margin-left: 43.5%;
    margin-bottom: 2%;
}
.caption .btn{
    margin-left: 40%;
}
.goods-frame{
    width: 100%;
    height:100%;
    border-radius: 4%;
    margin-top: 4%;
    padding: 1% 5%;
    /*padding-left: 5%;*/
    /*padding-right: 5%;*/
    -moz-box-shadow:7px 7px 13px #333333; -webkit-box-shadow:7px 7px 13px #333333; box-shadow:7px 7px 13px #333333;
}
.thumbnail{
    border-radius: 10%;
    padding: 4%;
    -moz-box-shadow:1px 1px 5px #333333; -webkit-box-shadow:1px 1px 5px #333333; box-shadow:1px 1px 5px #333333;
}
#introduce-frame{
    width: 100%;
    height:100%;
    border-radius: 8%;
    margin-top: 4%;
    padding: 1% 5%;
    /*padding-left: 5%;*/
    /*padding-right: 5%;*/
    -moz-box-shadow:7px 7px 13px #333333; -webkit-box-shadow:7px 7px 13px #333333; box-shadow:7px 7px 13px #333333;
}
blockquote{
    font-size: 30px;
}
.blockquote{
    border-left: none;
}
#copyRight-frame{
    width: 100%;
    height:80px;
    line-height: 60px;
    border-radius: 5%;
    margin-top: 4%;
    padding: 1% 5%;
    margin-bottom: 1%;
    background-color: #8c03e2;
    font-size: 30px;
    color: white;
    text-align: center;
    /*padding-left: 5%;*/
    /*padding-right: 5%;*/
    -moz-box-shadow:7px 7px 13px #333333; -webkit-box-shadow:7px 7px 13px #333333; box-shadow:7px 7px 13px #333333;
}
.thumbnail>img{
    height: 160px !important;
}
